<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>理财</title>
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="${ctxStatic}/bootstrap/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="${ctxStatic}/custom/css/flat-ui.css" />
		<link rel="stylesheet" type="text/css" href="${ctxStatic}/custom/css/mystyle.css" />
	</head>
	<body>
		<!--输入金额部分-->
		<div class="container_fulid num_text">
			<h6>总资产</h6>
			<div class="input_box">
				<img src="${ctxStatic}/custom/img/rmb.png" width="24px">
				<input placeholder="0.00" type="number" name="number" />
			</div>
			<div class="ft_tip">
				<p class="pull-left p_tip">（我们会根据您的总资产为您推荐理财）</p>
				<button type="submit" class="pull-right">计算</button>
			</div>
		</div>

		<!--tab切换-->
		<div class="container_fulid tab_box">
			<!-- Nav tabs -->
			<ul class="nav nav-tabs" role="tablist">
				<li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">保守型</a></li>
				<li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">稳进型</a></li>
				<li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">激进型</a></li>
			</ul>

			<!-- Tab panes -->
			<div class="tab-content">
				<div role="tabpanel" class="tab-pane active" id="home">
					<table class="table">
						<thead>
							<tr class="info">
								<th>保险类</th>
								<th>占比</th>
								<th>建议投入</th>
								<th>综合收益</th>
							</tr>
						</thead>
						<tbody>
							<tr class="info">
								<th><img src="${ctxStatic}/custom/img/baoxian.png" alt="保险" width="20"></th>
								<td>5%</td>
								<td>5万</td>
								<td>7%</td>
							</tr>
						</tbody>
					</table> <!--table1-->
					
					<table class="table">
						<thead>
							<tr>
								<th>基金类</th>
								<th>占比</th>
								<th>建议投入</th>
								<th>综合收益</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<th><img src="${ctxStatic}/custom/img/jijin.png" alt="保险" width="20"></th>
								<td>5%</td>
								<td>5万</td>
								<td>7%</td>
							</tr>
						</tbody>
					</table> <!--table2-->
					
					<table class="table">
						<thead>
							<tr class="info">
								<th>房产类</th>
								<th>占比</th>
								<th>建议投入</th>
								<th>综合收益</th>
							</tr>
						</thead>
						<tbody>
							<tr class="info">
								<th><img src="${ctxStatic}/custom/img/fangchan.png" alt="保险" width="20"></th>
								<td>5%</td>
								<td>5万</td>
								<td>7%</td>
							</tr>
						</tbody>
					</table> <!--table3-->
					
					<table class="table">
						<thead>
							<tr>
								<th>股票类</th>
								<th>占比</th>
								<th>建议投入</th>
								<th>综合收益</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<th><img src="${ctxStatic}/custom/img/gupiao.png" alt="保险" width="20"></th>
								<td>5%</td>
								<td>5万</td>
								<td>7%</td>
							</tr>
						</tbody>
					</table> <!--table4-->
					
					<table class="table">
						<thead>
							<tr class="info">
								<th>其他类</th>
								<th>占比</th>
								<th>建议投入</th>
								<th>综合收益</th>
							</tr>
						</thead>
						<tbody>
							<tr class="info">
								<th><img src="${ctxStatic}/custom/img/qita.png" alt="保险" width="20"></th>
								<td>5%</td>
								<td>5万</td>
								<td>7%</td>
							</tr>
						</tbody>
					</table> <!--table5-->
				</div><!--content1-->
				
				<div role="tabpanel" class="tab-pane" id="profile">
					<table class="table">
						<thead>
							<tr class="info">
								<th>保险类</th>
								<th>占比</th>
								<th>建议投入</th>
								<th>综合收益</th>
							</tr>
						</thead>
						<tbody>
							<tr class="info">
								<th><img src="${ctxStatic}/custom/img/baoxian.png" alt="保险" width="20"></th>
								<td>5%</td>
								<td>5万</td>
								<td>7%</td>
							</tr>
						</tbody>
					</table> <!--table1-->
					
					<table class="table">
						<thead>
							<tr>
								<th>基金类</th>
								<th>占比</th>
								<th>建议投入</th>
								<th>综合收益</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<th><img src="${ctxStatic}/custom/img/jijin.png" alt="保险" width="20"></th>
								<td>5%</td>
								<td>5万</td>
								<td>7%</td>
							</tr>
						</tbody>
					</table> <!--table2-->
					
					<table class="table">
						<thead>
							<tr class="info">
								<th>房产类</th>
								<th>占比</th>
								<th>建议投入</th>
								<th>综合收益</th>
							</tr>
						</thead>
						<tbody>
							<tr class="info">
								<th><img src="${ctxStatic}/custom/img/fangchan.png" alt="保险" width="20"></th>
								<td>5%</td>
								<td>5万</td>
								<td>7%</td>
							</tr>
						</tbody>
					</table> <!--table3-->
					
					<table class="table">
						<thead>
							<tr>
								<th>股票类</th>
								<th>占比</th>
								<th>建议投入</th>
								<th>综合收益</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<th><img src="${ctxStatic}/custom/img/gupiao.png" alt="保险" width="20"></th>
								<td>5%</td>
								<td>5万</td>
								<td>7%</td>
							</tr>
						</tbody>
					</table> <!--table4-->
					
					<table class="table">
						<thead>
							<tr class="info">
								<th>其他类</th>
								<th>占比</th>
								<th>建议投入</th>
								<th>综合收益</th>
							</tr>
						</thead>
						<tbody>
							<tr class="info">
								<th><img src="${ctxStatic}/custom/img/qita.png" alt="保险" width="20"></th>
								<td>5%</td>
								<td>5万</td>
								<td>7%</td>
							</tr>
						</tbody>
					</table> <!--table5-->
				</div><!--content2-->
				
				<div role="tabpanel" class="tab-pane" id="messages">
					<table class="table">
						<thead>
							<tr class="info">
								<th>保险类</th>
								<th>占比</th>
								<th>建议投入</th>
								<th>综合收益</th>
							</tr>
						</thead>
						<tbody>
							<tr class="info">
								<th><img src="${ctxStatic}/custom/img/baoxian.png" alt="保险" width="20"></th>
								<td>5%</td>
								<td>5万</td>
								<td>7%</td>
							</tr>
						</tbody>
					</table> <!--table1-->
					
					<table class="table">
						<thead>
							<tr>
								<th>基金类</th>
								<th>占比</th>
								<th>建议投入</th>
								<th>综合收益</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<th><img src="${ctxStatic}/custom/img/jijin.png" alt="保险" width="20"></th>
								<td>5%</td>
								<td>5万</td>
								<td>7%</td>
							</tr>
						</tbody>
					</table> <!--table2-->
					
					<table class="table">
						<thead>
							<tr class="info">
								<th>房产类</th>
								<th>占比</th>
								<th>建议投入</th>
								<th>综合收益</th>
							</tr>
						</thead>
						<tbody>
							<tr class="info">
								<th><img src="${ctxStatic}/custom/img/fangchan.png" alt="保险" width="20"></th>
								<td>5%</td>
								<td>5万</td>
								<td>7%</td>
							</tr>
						</tbody>
					</table> <!--table3-->
					
					<table class="table">
						<thead>
							<tr>
								<th>股票类</th>
								<th>占比</th>
								<th>建议投入</th>
								<th>综合收益</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<th><img src="${ctxStatic}/custom/img/gupiao.png" alt="保险" width="20"></th>
								<td>5%</td>
								<td>5万</td>
								<td>7%</td>
							</tr>
						</tbody>
					</table> <!--table4-->
					
					<table class="table">
						<thead>
							<tr class="info">
								<th>其他类</th>
								<th>占比</th>
								<th>建议投入</th>
								<th>综合收益</th>
							</tr>
						</thead>
						<tbody>
							<tr class="info">
								<th><img src="${ctxStatic}/custom/img/qita.png" alt="保险" width="20"></th>
								<td>5%</td>
								<td>5万</td>
								<td>7%</td>
							</tr>
						</tbody>
					</table> <!--table5-->
				</div><!--content3-->
			</div>
		</div>

		<script type="text/javascript" src="${ctxStatic}/jquery/jquery-1.9.1.min.js"></script>
		<script type="text/javascript" src="${ctxStatic}/bootstrap/bootstrap.js"></script>
		<script type="text/javascript">
    	
	   		document.addEventListener('plusready', function(){
	   			//console.log("所有plus api都应该在此事件发生后调用，否则会出现plus is undefined。"
	   			
	   		});
	    </script>
	</body>
</html>